@@include('include/head.html')
<style>
.aiui-form .aiui-form-item-content{
    margin-left: 90px;
}
.aiui-input,.aiui-select{
    width: 100%;
}
.aiui-form{
    width: 380px;
}
.checkbox-group .aiui-checkbox{
    padding-right: 20px;
}
.checkbox-group .aiui-checkbox+.aiui-checkbox{
    margin-left: 0px;
}
</style>
<div class="aiui-card">
    <div class="aiui-card-header">
        表单组合
    </div>
    <div class="aiui-card-body">
        <form action="" class="aiui-form" aiui-form id="addform" :submit = "aaa" method="GET" disabled="true">
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">活动名称：</label>
                <div class="aiui-form-item-content">
                    <div class="aiui-input">
                        <input type="text" class="aiui-input-inner" name="activity" placeholder="请输入活动名称">
                    </div>
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">活动区域：</label>
                <div class="aiui-form-item-content">
                    <select name="language" aiui-select aiui-filter="aaaa" id="" placeholder="请选择语言" multiple clearable :selected='ccccccccc'>
                        <optgroup label="热门语言">
                            <option value="zh" selected="selected">汉语</option>
                            <option value="en">英语</option>
                            <option value="sv">瑞典文</option>
                        </optgroup>
                        <option value="ja" disabled>日语</option>
                        <option value="fr" selected="selected">法语</option>
                        <option value="fi">芬兰语</option>
                    </select>
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">运维大神：</label>
                <div class="aiui-form-item-content">
                    <select name="xiongdi" aiui-select aiui-filter="aaaa" id="" placeholder="选择兄弟" clearable  :selected='aaaaa'>
                        <optgroup label="热门语言">
                            <option value="zh" selected="selected">汉语</option>
                            <option value="en">英语</option>
                            <option value="sv">瑞典文</option>
                        </optgroup>
                        <option value="ja" disabled>日语</option>
                        <option value="fr" selected="selected">法语</option>
                        <option value="fi">芬兰语</option>
                    </select>
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">活动性质：</label>
                <div class="aiui-form-item-content">
                    <div class="checkbox-group">
                        <input type="radio" aiui-radio name="ceshi" value="0" label="美食/线上活动" checked :change="aaa">
                        <input type="radio" aiui-radio name="ceshi" value="1" label="地推活动">
                        <input type="radio" aiui-radio name="ceshi" value="2" label="线下主题餐厅">
                        <input type="radio" aiui-radio name="ceshi" value="3" label="单纯品牌曝光">
                    </div>
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">活动性质：</label>
                <div class="aiui-form-item-content">
                    <div class="checkbox-group">
                        <input type="checkbox" aiui-checkbox name="sports[]" value="0" label="美食/线上活动" checked >
                        <input type="checkbox" aiui-checkbox name="sports[]" value="1" label="地推活动">
                        <input type="checkbox" aiui-checkbox name="sports[]" value="2" label="线下主题餐厅">
                        <input type="checkbox" aiui-checkbox name="sports[]" value="2" label="单纯品牌曝光">
                    </div>
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">即时配送：</label>
                <div class="aiui-form-item-content">
                    <input type="checkbox" aiui-switch name="jishi" value="true" :change="bbbbbb">
                </div>
            </div>
            <div class="aiui-form-item">
                <label class="aiui-form-item-label">文本域：</label>
                <div class="aiui-form-item-content">
                    <div class="aiui-textarea">
                        <textarea type="text" class="aiui-textarea-inner" name="info" placeholder="请输入活动介绍"> </textarea>
                    </div>
                </div>
            </div>
            <div class="aiui-form-item">
                <button class="aiui-btn aiui-btn-primary" type="button" id="dianji">点击</button>
            </div>
        </form>
    </div>
</div>
<script>
aiui.use(['jquery','form'],function($,form){
    form.on('aaaaa',function(data){
        console.log(data);
    })
    form.on('ccccccccc',function(data){
        console.log(data);
    })
    $('#dianji').on('click',function(e){
        console.log($('input[type="checkbox"]').serializeArray());
    })
})
</script>
@@include('include/foot.html')